<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
  PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>DueDates Alerts</title>
  <!-- do not remove these! -->
  <link rel="stylesheet" type="text/css" href="./GlobalStyle.css" />
  <link rel="stylesheet" type="text/css" href="./AlertsPage.css" />
</head>

<body id="bodycontainer">

<div id="headercontainer">

  <!-- need a separate div because the contents have a different width than the headercontent div -->
  <div id="headercontent">
    <span id="headermaintext">DueDates-Akala</span><br />
    <span id="headersubtext">A Personal Library Management Tool</span>
  </div>
  
</div>

<div id="navbarcontainer">
  <!-- not sure what tab names we want -->
  <ul>
    <li><a wicket:id="home" href="#">Home</a></li>
    <li><a href="#" id="currentpage">Alerts</a></li>
    <li><a href="http://code.google.com/p/duedates-akala/">About</a></li>
    <li><a wicket:id="logout" href="#">Logout</a></li>
  </ul>
</div>

<div id="maincontentcontainer">

  <div id="librarylistcontainer">
    <form wicket:id="form">
    <span wicket:id="group">
    
    <table>
      <tr id="libraryheader">
        <td><input type="checkbox" wicket:id="groupselector"></input></td>
        <td><span>Library Name</span></td>
        <td><span>Due in # days</span></td>
      </tr>
      
      <tr wicket:id="libraries">
        <td><input type="checkbox" wicket:id="checkbox"></td>
        <td><span wicket:id="libraryname">[libraryname]</span></td>
        <td><input wicket:id="filter" type="text" /></td>
      </tr>
    </table>
    
    </span>
    
    <br/>
    
    <input wicket:id="enable" type="submit" value="Enable Alerts" />
    <input wicket:id="disable" type="submit" value="Disable Alerts" />
 </form>
</div>


<div id="feedbackcontainer">
  <span wicket:id="feedback">[feedback]</span>
</div><!--feedbackpanel-->

</div>
</body>
</html>